@use "sass:map";
@use "sass:math";
@import '../../theme/common/var.scss';
@import '../../theme/common/mixin.scss';
:host{
    display: inline-block;
}
@include b(rate) {
    height: $--rate-height;
    line-height: 1;

    &:focus, &:active {
        outline-width: 0;
    }

    @include e(item) {
        display: inline-block;
        position: relative;
        font-size: 0;
        vertical-align: middle;
    }

    @include e(icon) {
        position: relative;
        display: inline-block;
        font-size: $--rate-icon-size;
        margin-right: $--rate-icon-margin;
        color: $--rate-icon-color;
        transition: .3s;

        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: baseline;
        -webkit-font-smoothing: antialiased;
        &.hover {
            transform: scale(1.15);
        }

        .path2 {
            position: absolute;
            left: 0;
            top: 0;
        }
    }

    @include e(decimal) {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        overflow: hidden;
    }

    @include e(text) {
        font-size: $--rate-font-size;
        vertical-align: middle;
    }
}
